<template>
    <a-card class="myform" title="my-form">
        <MyForm :fields="fields" hasBtns> </MyForm>
    </a-card>
    
</template>

<script>
import MyForm from '../components/MyForm/index.vue'
export default {
    name:'index',
    components:{
        MyForm
    },
    data(){
        return {
            fields:[
                {
                    type:'a-input',
                    label:'test1',
                    key:'test1',
                    defaultValue:'1'
                },
                {
                    type:'a-select',
                    label:'test2',
                    key:'test2',
                    defaultValue:'3',
                    options:[
                        {
                            label:'1',
                            value:'1'
                        },{
                            label:'2',
                            value:'2'
                        },{
                            label:'3',
                            value:'3'
                        },
                    ]
                },
                {
                    type:'a-input',
                    label:'test3',
                    key:'test3',
                    defaultValue:'12',
                },
                {
                    type:'a-select',
                    label:'test4',
                    key:'test4',
                    visible:false,
                    options:[
                        {
                            label:'1',
                            value:'1'
                        },{
                            label:'2',
                            value:'2'
                        },{
                            label:'3',
                            value:'3'
                        },
                    ]
                }
            ]
        }
    }
}
</script>

<style scoped>
.myform {
    width: 600px;
    margin: 0 auto;
}
</style>